<template>
  <view class="comment-detail">
    <view class="comment-video" v-if="commentType=='video'">
      <commentVideo></commentVideo>
      <commentInfo></commentInfo>
      <view class="title">
        相关车源
      </view>
      <flow :list="carList"></flow>
      <view class="title">
        相关视频
      </view>
      <comment class="padding"></comment>
    </view>
    <view class="comment-img" v-if="commentType=='img'">
      <commentImgInfo></commentImgInfo>
      <view class="content" >
        <p class="text">一台车内饰的磨损情况，可以判断出这台车的车龄和行驶里程。
        那么除了可以判断出上面那两种情况，还可以看出其它信息吗？答案是
        可以的，那就是鉴定这台车是否是泡水车！</p>
        <p class="subTitle">那么，一台车内饰的哪几个部位可以鉴定呢？</p>
        <p class="text">可以观察座椅的气味、手感、还有颜色去鉴定。泡水的汽车
        座椅会发霉有刺激性气味，手感偏硬，而且不管是织物或者皮质的泡水座椅都会有发
        黄的情况。还有座椅下面的滑轮槽可以鉴定这台车是不是泡水车，方法就是看看有没有锈迹。</p>
        <image src="../../static/images/home/bananer/1.png" mode=""></image>
        <p class="subTitle">第一处就是检查座椅</p>
        <p class="text">采用真皮或者布料的包裹的车门，泡水以后是很难修复的，所以会采取
        重新包裹的方式才能弥补，这可以算一个疑点了。</p>
        <image src="../../static/images/home/bananer/2.png" mode=""></image>
        <p class="subTitle">第二处就是检查车门饰板</p>
        <p class="text">采用真皮或者布料的包裹的车门，泡水以后是很难修复的，所以会采取重新包裹
        的方式才能弥补，这可以算一个疑点了。</p>
        <image src="../../static/images/home/bananer/3.png" mode=""></image>
        <p class="subTitle">第三处就是检查室内的铁件</p>
        <p class="text">比如说座椅下面的支架、导轨、底座、和转向柱等。</p>
        <image src="../../static/images/home/bananer/4.png" mode=""></image>
        <p class="subTitle">第四处就是检查车内的地毯</p>
        <p class="text">用手摸一下是否柔顺，比较柔软，有没有起球，被水泡过手感会发硬、发涩。还可
        以检查是否有泥沙和发霉的痕迹，顺便看看门槛有没有泥沙。</p>
        <image src="../../static/images/home/bananer/1.png" mode=""></image>
        <p class="subTitle">第五处就是检查安全带</p>
        <p class="text">泡水的安全带上面会有明显的水迹，而且是非常不会容易清除。</p>
        <image src="../../static/images/home/bananer/2.png" mode=""></image>
        <p class="subTitle">第六处就是检查中控台鉴定泡水车，这个部位是检查的重点，
        看看开关是否失灵，液晶屏显示是否可以正常使用。</p>
        <image src="../../static/images/home/bananer/3.png" mode=""></image>
        <p class="text">这是从一台车的内饰可以看出来的信息，只要仔细观察就可以发展端倪！</p>
      </view>
       <view class="title">
         相关车源
       </view>
       <flow :list="carList"></flow>
       <view class="title">
         相关车评
       </view>
       <comment class="padding"></comment>
    </view>
  </view>
</template>

<script>
  import commentVideo from '@/components/commentDetail/commentVideo/commentVideo.vue'
  import commentInfo from '@/components/commentDetail/commentInfo/commentInfo.vue'
  import flow from '@/components/common/flow/flow.vue'
  import comment from '@/components/home/comment/comment.vue'
  import commentImgInfo from '@/components/commentDetail/commentImgInfo/commentImgInfo.vue'
  import {
  	get_car
  } from '@/api/contents/buyCar/buyCar.js'
  
  export default {
    components:{
      commentVideo,
      commentInfo,
      flow,
      comment,
      commentImgInfo,
    },
    data() {
      return {
        commentType:'',
				params: {
					limit: 20,
					page: 1
				},
				carList:[],
      };
    },
		methods:{
			getCarInfo() {
				get_car(this.params).then(res => {
					if (res.code == 0) {
						if (res.data.list.length) {
							this.carList =res.data.list
					}
					}
				})
			}
		},
    onLoad(options) {
      this.commentType=options.type;
			this.getCarInfo()
    }
  }
</script>

<style lang="scss" scoped>
.comment-detail{
  background: #F5F7FA;
  .title{
    padding: 40upx 40upx 20upx;
    font-size: 38upx;
    font-weight: 600;
  }
  .num{
    font-size: 26upx;
    color: #999;
  }
  .content{
    font-size: 36upx;
    padding: 0 30upx;
    .text{
      padding-bottom:40upx ;
    }
    .subTitle{
      padding-bottom:40upx ;
      font-size: 36upx;
      font-weight: 600;
    }
    image{
       width: 100%;  
    }
  }
  .padding{
    padding: 0 30upx;
  }
}
</style>
